<template>
<!-- v-bind:属性名='变量'  让元素的xxx属性的值和变量进行绑定 -->
  <input type="text" v-bind:value="info">
<!-- :属性名='值'  简写 -->
  <input type="text" :value="info+'abc'">
  <a :href="url">超链接</a>
  {{info+'xxx'}}
</template>

<script setup>
  import {ref} from "vue";
  let url = "http://www.baidu.com";
  const info = ref("属性绑定");
</script>

<style scoped>

</style>